﻿<Page
    x:Class="Studio77.Timer.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Studio77.Timer"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
    	<Grid.RowDefinitions>
    		<RowDefinition Height="126"/>
    		<RowDefinition/>
    		<RowDefinition Height="105"/>
    	</Grid.RowDefinitions>
    	<Border x:Name="bdrTimerSeter" BorderBrush="Black" BorderThickness="1" HorizontalAlignment="Left" Height="125" VerticalAlignment="Top" Width="1366">
    		<Border.Background>
    			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    				<GradientStop Color="#FF4FDC68"/>
    				<GradientStop Color="#FF196326" Offset="1"/>
    			</LinearGradientBrush>
    		</Border.Background>
    		<Grid>
    			<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
    				<local:MySelector x:Name="selectHour" Height="Auto" HorizontalAlignment="Center" Margin="5,0,0,0"/>
    				<TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" Text=":" VerticalAlignment="Center" FontSize="53.333" Margin="5,26,0,33"/>
    				<local:MySelector x:Name="selectMinute" Height="Auto" HorizontalAlignment="Center" Margin="5,0,0,0"/>
    				<TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" Text=":" VerticalAlignment="Center" FontSize="53.333" Margin="5,26,0,33"/>
    				<local:MySelector x:Name="selectSecond" Height="Auto" HorizontalAlignment="Center" Margin="5,0,0,0"/>
    			</StackPanel>
    		</Grid>
    	</Border>
    	<ListBox x:Name="lstTimers" ItemsSource="{Binding}" HorizontalAlignment="Left" Height="544" Margin="0,125,0,0" VerticalAlignment="Top" Width="1366" Background="White" Grid.RowSpan="3">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <local:TimerItemView></local:TimerItemView>
                </DataTemplate>
            </ListBox.ItemTemplate>
    	</ListBox>
    	<Grid Margin="0,6,0,0" Grid.Row="2">
    		<Grid.Background>
    			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    				<GradientStop Color="Gainsboro"/>
    				<GradientStop Color="#FF878787" Offset="1"/>
    			</LinearGradientBrush>
    		</Grid.Background>
    		<StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center">
    			<TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" Text="swipe the green border downwards to start new timer" VerticalAlignment="Center" FontSize="32" Foreground="Black"/>
    			<TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" Text="tap timer to stop/start" VerticalAlignment="Center" FontSize="32" Foreground="Black"/>
    		</StackPanel>
    	</Grid>

    </Grid>
</Page>
